<template>
  <a-card title="接口参数">
    <a-form-model layout="inline" :model="ApiData">
      <a-form-model-item label="分页查询接口">
        <a-input
          v-model="ApiData.retrieveReq"
          placeholder="请输入分页查询接口url"
          allow-clear
          style="width: 300px"
        />
      </a-form-model-item>
      <a-form-model-item label="新增接口">
        <a-input
          v-model="ApiData.createReq"
          placeholder="请输入新增接口url"
          allow-clear
          style="width: 300px"
        />
      </a-form-model-item>
      <a-form-model-item label="修改接口">
        <a-input
          v-model="ApiData.updateReq"
          placeholder="请输入修改接口url"
          allow-clear
          style="width: 300px"
        />
      </a-form-model-item>
      <a-form-model-item label="删除接口">
        <a-input
          v-model="ApiData.deleteReq"
          placeholder="请输入删除接口url"
          allow-clear
          style="width: 300px"
        />
      </a-form-model-item>
      <a-form-model-item label="批量删除接口">
        <a-input
          v-model="ApiData.deleteBatchReq"
          placeholder="请输入批量删除接口url"
          allow-clear
          style="width: 300px"
        />
      </a-form-model-item>
      <a-form-model-item label="根据id查询接口">
        <a-input
          v-model="ApiData.detailReq"
          placeholder="请输入根据id查询接口url"
          allow-clear
          style="width: 300px"
        />
      </a-form-model-item>
    </a-form-model>
  </a-card>
</template>

<script>
export default {
  props: {
    ApiData: {
      type: Object,
      default: () => {},
    },
  },
};
</script>

<style lang="scss" scoped>
</style>